@charset 'utf-8';
@import '_reset';


.wrap {
    width: 100vw;
    height: 100vh;
    opacity: 1;
    // background: #e9ecf0ff;
    background: #ffffffff;
}

header {
    width: 100vw;
    height: 11.7333vw;
    opacity: 1;
    background: #ffffffff;
    display: flex;
    align-items: center;

    .header {
        margin: 0 auto;
        text-align: center;
        display: flex;
        align-items: flex-end;

        img {
            width: 5.3333vw;

        }

        span {
            margin-left: 1.3333vw;
            width: 22.6667vw;
            height: 4.5333vw;
            opacity: 1;
            color: #333333ff;
            font-size: 4.5333vw;
            font-weight: 600;
            font-family: "PingFang SC";
            text-align: left;
            line-height: 4.5333vw;
        }
    }

    .headerr {
        margin-right: 4.4vw;

        width: 4vw;
        height: .8vw;
        opacity: 1;
        color: #1677ffff;
    }

}

main {
    .content-t {
        width: 93.6vw;
        height: 20.2667vw;
        opacity: 1;
        margin: 0 auto;
        margin-top: 5.3333vw;

        .content-tt {
            margin: 0 auto;
            width: 12.0533vw;
            height: 17px;
            opacity: 1;
            color: #333333ff;
            font-size: 4vw;
            font-weight: 400;
            font-family: "PingFang SC";
            text-align: center;
            line-height: 4.8vw;
        }

        .content-tb {
            margin-top: 10px;

            p {
                margin: 0 auto;
                width: 32.2667vw;
                height: 11.2vw;
                opacity: 1;
                color: #333333ff;
                font-size: 7.7333vw;
                font-weight: 400;
                font-family: "Inter";
                text-align: center;
                line-height: 11.2vw;
            }

        }


    }

    .content-c {
        margin: 0 auto;
        margin-top: 12.2667vw;
        width: 93.6vw;
        height: 13.1173vw;
        border-radius: 1.0667vw;
        opacity: 1;
        border: .2667vw solid #1677ffff;
        background: #1677ffff;
        display: flex;
        // 
        align-items: center;

        a {
            margin: 0 auto;
            width: 42.9733vw;
            height: 6.6667vw;
            opacity: 1;
            color: #ffffffff;
            font-size: 4.8vw;
            font-weight: 400;
            font-family: "PingFang SC";
            text-align: center;
            line-height: 6.72vw;
        }
    }

    .content-b {
        width: 35.8187vw;
        height: 5.6vw;
        margin: 0 auto;
        margin-top: 5.3333vw;

        a {
            opacity: 1;
            color: #1677ffff;
            font-size: 4vw;
            font-weight: 400;
            font-family: "PingFang SC";
            text-align: center;
            line-height: 5.6vw;
        }

    }
}

footer {
    position: fixed;
    bottom: 0;
    width: 100vw;
    height: 12.8vw;

    .footer {
        margin: 0 auto;
        width: 44.0533vw;
        height: 4.5333vw;
        opacity: 1;
        color: #4b6b99ff;
        font-size: 4vw;
        font-weight: 400;
        font-family: "PingFang SC";
        text-align: center;
        line-height: 4.8vw;
    }

}